🐛 Bug Report: <Inbox /> not displaying

[StorytellerCZ]

📜 Description

When trying to get the Inbox component running on my Meteor + React setup I get the following error:

Error: Client-only API called on the server side. Run client-only code in onMount, or conditionally run client-only component with <Show>

I believe this to be related to this: solidjs/solid-start#1679

👟 Reproduction steps

1. Create a new Meteor React application meteor create meteor-novu --typescript
2. Add Novu Inbox meteor npm i --save @novu/react
3. Add the Inbox component into any of the imports/ui components
4. Run Meteor meteor

👍 Expected behavior

Inbox should display or at the very least the usual default text of the rest of the application should show.

👎 Actual Behavior with Screenshots

Blank page with the error in console (will be caught by error boundary if implemented):

Novu version

Novu SaaS

npm version

2.6.3

node version

22.11.0

📃 Provide any additional context for the Bug.

As mentioned I think this is related to this bug: solidjs/solid-start#1679
I tried to implement the Inbox also via @novu/js, but with the same result. The discussion in Solid suggest that it might be something specific in Vite and version mismatch over a monorepo. This would suggest that this might be a build issue. Meteor has the option to recompile NPM packages, but that did not help (but maybe I was targeting the wrong package).

👀 Have you spent some time to check if this bug has been raised before?

• I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to submit PR?

None

[linear]

NV-5130 🐛 Bug Report: <Inbox /> not displaying

[lamhidra-hamza]

I'm having the same issue, @StorytellerCZ any updates?

[SokratisVidros]

Thanks for reporting! We will have a look at this ASAP and get back to you.

[StorytellerCZ]

Any updates on this?

[SokratisVidros]

@StorytellerCZ, @novu/js is a client only for now as it relies on Solid Web. We recommend ensuring that @novu/js is only included in the client-side bundle. I am unfamiliar with the latest Meteor, but is there a way to teach Meteor to include @novu/js only for client code?

[StorytellerCZ]

Meteor uses Babel and Reify under the hood for the build system. I can force Meteor to rebuild specific NPM packages, but I', not sure that would have any effect here. For my setup I'm using React only on client side (no SSR or anything like that), so that is why the error is confusing to me.

UPDATE: Tried Meteor's recompile option for client, but that did not help.

[StorytellerCZ]

Tried today with AI to do some crazy fixes with lazy imports, useEffects and so on, but no solution has been found.
The AI believes that:

The Novu package is likely running some initialization code as soon as the module is evaluated, even when loaded inside useEffect or after mount.

@SokratisVidros I just want to reiterate that there is no SSR or React code running on the server in my setup. I will now try to just implement things via the js package which seems to work without issues so far.

[StorytellerCZ]

Same issue when trying to create Inbox via @novu/js/ui.

[SokratisVidros]

Since Meteor full stack, so there must be a leakage of the Novu NPM package to the server bundler, generated by Meteor. @StorytellerCZ would it be possible to put together a reproduction repo so that we can work on it on our end?

[StorytellerCZ]

@SokratisVidros Here you go: https://github.com/StorytellerCZ/novu-issues